<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('预览新闻')" />

    <style>
        .content {
            width: 80%;
            margin: 0 auto;
            padding: 20px;
        }
        .content-title {
            text-align: center;
            font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 28px;
            border-bottom: 1px solid #170787;
            padding-bottom: 20px;
            white-space: break-spaces;
        }
        .content-time {
            font-size: 14px;
            text-align: center;
            margin: 10px;
        }
        .content-main {
            padding: 10px 0;
        }
    </style>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight ">
        <div class="content white-bg">
            <div class="content-title" th:text="${cmsContent.title}">

            </div>
            <div class="content-time" th:text="${#dates.format(cmsContent.createTime, 'yyyy/MM/dd')}">

            </div>
            <div class="content-main" th:utext="${cmsContent.content}">
            </div>
        </div>
    </div>
    <th:block th:include="include :: footer" />
    <script th:inline="javascript">
        $(document).ready(function () {

        })
    </script>
</body>
</html>